<template>
 <fui-button @click="showPopup">点击注册成功</fui-button>
 <fui-button @click="showPopup1">点击认证提交</fui-button>
 <fui-button @click="showPopup2">点击注册失败</fui-button>
  <fui-backdrop :show="isShow" closable @click="close">
    <Register :childProp="parentText"></Register>
  </fui-backdrop>
</template>
  
<script setup>
  import Register from '@/components/popup/register'
  import { ref, inject } from 'vue';
  
  const parentText = ref()
  let isShow = ref(false)
  
  const showPopup = () =>{
    parentText.value = 'success'
    isShow.value = true
  }
  const showPopup1 = () =>{
    parentText.value = 'submit'
    isShow.value = true
  }
  const showPopup2 = () =>{
    parentText.value = 'fail'
    isShow.value = true
  }
  const close = () =>{
    isShow.value = false
  }
</script>

<style>
</style>